/* 定义body部分的内容：padding设定左右边距 */

body {
  color: #000;
  background: #fff;
  margin: 0;
  padding: 30px 8% 1ex 8%;
  font-family: Georgia, Palatino, serif;
  font-size: 18px
  }
  
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

h1 {
  padding: 10px;
  text-align: center;
  font-size: 2em;
}

h2 {
  padding: 5px 0.25em 1.5ex 0%;
  font-size: 1.5em;
}

h4 {
  padding: 5px 0.25em 1.2ex 0%;
  font-size: 1.1em;
  #font-weight: bold
}

p {
  text-indent:2em;    
  color: black;
  font-family: arial;
  line-height:100%;
}

li{
  font-family: serif;
  line-height:120%;
  margin:15px;
}

/*对鼠标放到超链接上文字颜色样式变为color:#CC3300;并文字链接加下划线text-decoration:underline;*/
a:link {color:blue;text-decoration:none;  }      /* 未访问链接*/
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:visited {color:#0270ca;}  /* 已访问链接 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

#img{
	opacity:0.4;
	filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */	
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */
}

.big-image img{
 margin:15px;
 max-height:720px; 
 max-width:1500px; 
  /*图片宽大于640且高小于宽自动缩放到640px，如果小于640px即为实际大小*/
 width:expression(this.width > 640 && this.height < this.width ? 640: true); 
 /*高度大于720px缩放到720px，小于720px为实际大小。*/
 height:expression(this.height > 720 ? 720: true); 
}
.no-margin{
  text-indent:2em;    
  color: black;
  font-family: arial;
  line-height:100%;
}

